ハイパーメディア(hypermedia)、メディア・リテラシー(media literacy)、マルチメディア(multimedia)色々言い方はあります。
ここでは、<EMBED>、<SCRIPT>、の要素を簡単に説明します。
それぞれの、素材屋さんや提供者のWebサイトに行けば、かなり詳しく説明しています。
<SCRIPT>要素は、HTML文書内で直接使用するJavaScriptプログラム言語の専用タグです。
スクリプト言語を使う時は、通常<HEAD>〜</HEAD>の間に<META>記述ます。
<SCRIPT>の属性は、TYPE|LANGUAGE|SRC があります。
ソースは下記のように構成されます。
<HEAD>〜</HEAD>にプログラムを記述 | <BODY>〜</BODY>にプログラムを記述 |
---|---|
<SCRIPT>の対応していないブラウザのためにコメントを出す要素です。
例えば、
<NOSCRIPT>JavaScriptを作動させるために設定を調整お願います。</NOSCRIPT>
と記入しておけば、非対応の方には
JavaScriptを作動させるために設定の調整を、お願います。
の内容が表示されます。
ダイアログボックスの警告表示:簡単なJavaScript
HTML 文書にオブジェクトを埋め込む要素で、音楽、画像、映像、アプレット、その他のプログラム、マルチメディア要素。
サウンドはもちろん、よく使われている物で、QuicTime、Flash、Director、等もこの要素を使います。使用例
<EMBED>要素は、Webページにマルチメディアのオブジェクトを埋め込むための要素。独自拡張要素で、W3C
には無い物です。
ブラウザに組み込まれたプラグイン(Plug-IN)を実行してサウンドやムービーなどのマルチメディアのデータをWebブラウザに展開させます。また、<EMBED>は、空要素です。使用例
サウンドはもちろん、よく使われている物で、QuicTime、Flash、Director、等もこの要素を使います。
<EMBED>の属性はIEやNNの独自の拡張を除けば、HIGHT|HIDDEN|NAME|PLUGINSPAGE|SRC|UNITS|TYPE|WIDTH が指定できます。他にIEやNNの双方使えるものは、ALIGN|HSPACE|PALETTE|PLUGINSPAGE|VSPACE です。
<EMBED>の対応していないブラウザのためにコメントを出す要素です。
例えば、
<EMBED src="***.mid" type="audio/midi" />
<NOEMBED><P>プラグイン対応のブラウザで、正しくご覧になれます。</P></NOEMBED>
と記入しておけば、非対応の方には<EMBED>を無視し<NOEMBED>内容が表示されます。
ファイルの送信(サーバー)側が、指定ファイルを送る前にその種別(MIMEタイプ)を知らせる事で、受信(クライアント)側は、これからやって来るデータの処理の仕方を判断し準備する事が出来ます。 WWWサーバーの場合であれば、ブラウザーから要求のあったファイル毎に、そのファイルの拡張子 (extension) に対応するMIMEタイプを別に用意してある対応表によって判定し、ファイル内容の送信に先立つヘッダー部分の<META>のContent-type を用いてブラウザーに知らせます。ブラウザはこれにより、指定されたデータが“テキスト”“画像”“音声データ”“実行プログラム”又はその他のデータタイプであるのかなどを知り直接これを処理したり、適当な時点でそれを扱う事の出来る特定アプリケーション・プログラム(ヘルパー)に任せる事も可能となります。
MIMEタイプとしては、2001/ 10/ 16現在次の8種あります。
|-application- |-audio------- |-image------- |-MIME-types-|-message----- |-multipart--- |-text-------- |-video------- |-model-------
データ | コンテンツのタイプ/サブタイプ | ファイル拡張子 |
---|---|---|
HTML文書 | text/html | html、htm |
テキスト | text/plain | txt |
スタイル・シート | text/css | css |
CGIスクリプト | application/x-httpd-cgi | cgi |
Javaスクリプト | application/x-javascript | ja |
GIF画像 | image/gif | gif |
JPEG画像 | image/jpeg | jpg、jpeg |
MIDIファイル | audio/midi | midi、mid、rmi |
MIMEタイプは、 上に述べたファイル種別(Type)と、その表現に用いるフォーマット種別(Subtype)の組み合わせで、例えば " text/html " " image/gif " " audio/x-wav " " audio/x-pn-realaudio " などと表現します。先頭に" x- " の付いたサブタイプは、未だ正規に認定されていないものを示します。
WEBサーバーによって設定方法は異なるのですが、 Apache というWEBサーバーでは、.htaccess というファイルによってMIMEタイプを指定します。データ(xxx.html)と同じディレクトリ(フォルダ)に .htaccess という名前のファイルを用意して、その中身を「AddType text/html .html」 としておけば、WEBサーバーは、「.html という拡張子のファイルは text/html というMIMEタイプのデータとして送信する」という処理を行ってくれます。.html や .gif などに関してはプロバイダやサーバ側がすでにこの設定を行ってくれているのでわざわざ追加する必要はありませんが、CGIを設置したり、RealAudioなどの特殊なファイルを設置する際には、.htaccess による設定が必要ですが、これは、使用するサーバのプロバイダやレンタル場所にお尋ねください。
コンテンツのタイプ/サブタイプ | ファイル拡張子 |
---|---|
テキストファイル系 | |
text/html | html htm |
text/plain | txt c ec cpp h hpp |
text/javascript | js |
text/richtext | rtx rtf |
text/tab-separated-values | tsv |
text/x-speech | talk spc |
text/x-setext | etx |
text/plain | sap |
text/css | css |
text/vnd.rn-realtext | rt |
text/x-hdml;charset=Shift_JIS | hdml |
text/vnd.wap.wml;charset=Shift_JIS | wml |
text/xul | xul |
text/xml | xml |
画像ファイル系 | |
image/gif | gif |
image/ief | ief |
image/jpeg | jpeg jpg jpe |
image/tiff | tiff tif |
image/x-cmu-raster | ras |
image/x-portable-anymap | pnm |
image/x-portable-bitmap | pbm |
image/x-portable-graymap | pgm |
image/x-portable-pixmap | ppm |
image/x-rgb | rgb |
image/x-xbitmap | xbm |
image/x-xpixmap | xpm |
image/x-xwindowdump | xwd |
image/vasa | mcf( Xspace for Mac ) |
image/fif | fif( Fractal imager ) |
image/cis-cod | cod( Lightning strike ) |
image/svh | svh |
image/i-vrml | ivr |
image/vnd.rn-realpix | rp |
image/x-bitmap | bmp( Win ) |
image/x-wmf | wmf emf |
image/png | png |
オーディオファイル系 | |
audio/basic | au snd |
audio/x-midi | mid midi |
audio/x-aiff | aif aiff aifc |
audio/x-wav | wav |
audio/voxware | vox |
audio/x-mod | mod xm ult mtm stm m15 |
audio/x-s3m | s3m |
audio/x-pn-realaudio | ra rv( Real audio ) |
audio/x-pn-realaudio | ram rm |
audio/x-pn-realaudio-plugin | rpm |
audio/rmf | rmf |
audio/mpeg | mp2 mp3 mpa abs mpega |
audio/soundtrack | wtx |
audio/x-mpegurl | m3u mp3url |
audio/echospeech | es |
audio/x-twinvq-plugin | vqf vql vqe |
audio/x-twinvq | vqf vql vqe |
audio/x-mpeg | MP2 MP3 MPA ABS MPEGA |
audio/sysex | syx |
audio/x-mio | mio |
audio/x-rogerwilco | rwc |
audio/x-ms-wma | wma |
ビデオ/VRMLファイル系 | |
video/mpeg | mpeg mpg mpe |
video/quicktime | qt mov |
video/x-msvideo | avi |
video/x-sgi-movie | movie |
video/vnd.vivo | vivo viv |
x-world/x-vrml | wrl ivr vrl |
video/x-ms-asf | asf asx |
video/ditital-movie | mpc |
アプリケーションファイル系 | |
application/oda | oda |
application/pdf | |
application/postscript | ai eps ps |
application/x-pointplus | css |
application/x-mif | mif |
application/x-csh | csh |
application/x-dvi | dvi |
application/x-hdf | hdf |
application/x-latex | latex |
application/x-netcdf | nc cdf |
application/x-sh | sh |
application/x-tcl | tcl |
application/x-tex | tex |
application/x-texinfo | texinfo texi |
application/x-troff | t tr roff |
application/x-troff-man | man |
application/x-troff-me | me |
application/x-troff-ms | ms |
application/x-wais-source | src |
application/x-sprite | sprite spr |
application/futuresplash | spl |
application/x-cdlink | vcd |
application/dsptype | tsp |
application/x-asap | asp |
application/octet-stream | bin exe |
application/zip | zip |
application/x-tar | tar |
application/mac-binhex40 | hqx |
application/x-shockwave-flash | swf |
application/x-director | dcr dir dxr |
application/x-authorware-map | aam |
application/x-authorware-seg | aas |
application/x-authorware-bin | aab |
application/x-envoy | evy |
application/vocaltec-media-desc | vmd |
application/vocaltec-media-file | vmf |
application/wpc | wpc |
application/mspowerpoint | ppt ppz pps pot |
application/x-chat | chat |
application/x-streaming-audio | key |
application/x-cnc | ccn |
application/x-go-sgf | sgf |
application/x-pcn-connection | cdf pcc |
application/octet-stream | class |
application/x-screencam | scm |
application/x-lha | lha |
application/x-lzx | lzx |
application/hstu | stk |
application/java-archive | jar |
application/x-javascript | js |
application/x-x509-ca-cert | cer |
application/x-x509-user-cert | der |
application/x-msdownload | exe |
application/x-formatta | pff |
application/x-officeforms | ofw |
application/smil | smi |
application/octet-stream | W02 W03 W04 mnu |
application/x-shockwave-Authorware | aam |
application/x-net120NM | cnf |
application/x-ipscript | ipx ips |
application/x-shockwave-audio | swa |
application/toolbook | tbk |
application/x-cprplayer | pqf |
application/cprplayer | pqi |
application/presentations | shw |
application/x-spt | spt |
application/NetObject | nod nft |
application/msword | doc |
application/x-lzh-compressed | lzh |
application/vnd.ms-excel | xls xlb |
application/x-msaccess | mdb |
application/x-palmpilot | prc pdb |
application/x-Parable-Thing | tms |
application/xml | xml |
application/e-score | sdf |
詳しくは、MIME AND THE WEB -- THE MIME CONTENT-TYPEをご覧下さい。